<div class="divColorbox">
    <div class="divColorbox_Header">
        <span><i class="fa fa-star"></i><span>公会信息</span></span>
        <a class="Refresh"></a><a class="Close"></a>
    </div>
    <div class="divColorbox_Body row">
        <div>
            <input name="User_ID" type="hidden"/>
            <div class="row">
                <div class="col-sm-4">
                    <div class="input-group">
                        <span class="input-group-addon">用户ID</span>
                        <input id="User_ID" type="text" class="form-control" value="--" disabled/>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="input-group">
                        <span class="input-group-addon">昵称</span>
                        <input id="NickName" type="text" class="form-control" disabled/>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="input-group">
                        <span class="input-group-addon">性别</span>
                        <input id="Sex" type="text" class="form-control" disabled/>
                    </div>
                </div>
            </div>
            <div class="space-6"></div>
            <div class="row">
                <div class="col-sm-4">
                    <div class="input-group">
                        <span class="input-group-addon">等级</span>
                        <input id="Level" type="text" class="form-control" disabled/>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="input-group">
                        <span class="input-group-addon">金币</span>
                        <input id="Coin" type="text" class="form-control" disabled/>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="input-group">
                        <span class="input-group-addon">金豆</span>
                        <input id="Beans" type="text" class="form-control" disabled/>
                    </div>
                </div>
            </div>
            <div class="space-6"></div>
            <div class="row">
                <div class="col-sm-4">
                    <div class="input-group">
                        <span class="input-group-addon">手机号</span>
                        <input id="Family_Phone" type="text" class="form-control" disabled/>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="input-group">
                        <span class="input-group-addon">QQ</span>
                        <input id="Family_QQ" type="text" class="form-control" disabled/>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="input-group">
                        <span class="input-group-addon">邮箱</span>
                        <input id="Family_Email" type="text" class="form-control" disabled/>
                    </div>
                </div>
            </div>
            <div class="hr"></div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon">公会ID</span>
                        <input id="Family_ID" type="text" class="form-control" disabled/>
                        <span class="input-group-addon"><i class="fa fa-home"></i></span>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon">公会名称</span>
                        <input id="Family_Name" type="text" class="form-control" disabled/>
                        <span class="input-group-addon"><i class="fa fa-sign-language"></i></span>
                    </div>
                </div>
            </div>
            <div class="space-6"></div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon">身份证</span>
                        <input id="IDCard" type="text" class="form-control" disabled/>
                        <span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon">标签</span>
                        <input id="Tags" type="text" class="form-control" disabled/>
                        <span class="input-group-addon"><i class="fa fa-tags"></i></span>
                    </div>
                </div>
            </div>
            <div class="space-6"></div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon">开户银行</span>
                        <input id="Account_BankName" type="text" class="form-control" disabled/>
                        <span class="input-group-addon"><i class="fa fa-university"></i></span>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon">银行全称</span>
                        <input id="Account_BankFullName" type="text" class="form-control" disabled/>
                        <span class="input-group-addon"><i class="fa fa-university"></i></span>
                    </div>
                </div>
            </div>
            <div class="space-6"></div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon"> 开户姓名</span>
                        <input id="Account_RealName" type="text" class="form-control" disabled/>
                        <span class="input-group-addon"><i class="fa fa-user"></i></span>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon">开户帐号</span>
                        <input id="Account_CardNo" type="text" class="form-control" disabled/>
                        <span class="input-group-addon"><i class="fa fa-pencil"></i></span>
                    </div>
                </div>
            </div>
            <div class="space-6"></div>
            <div class="row">
                <div class="col-sm-6">
                    <span class="input-group-addon">身份证正面</span>
                    <input type="button" value="放大" onclick="$.CommonAdmin.imgToSize(50,'J_Family_IdCard_A_Img')">
                    <input type="button" value="缩小" onclick="$.CommonAdmin.imgToSize(-50,'J_Family_IdCard_A_Img')">
                    <a href="" target="_blank" id="J_Family_A_Href"><img src="" id="J_Family_IdCard_A_Img"
                                                                         style="max-width: 500px;max-height: 500px;"></a>
                </div>
            </div>
            <div class="space-6"></div>
            <div class="row">
                <div class="col-sm-6">
                    <span class="input-group-addon">身份证反面</span>
                    <input type="button" value="放大" onclick="$.CommonAdmin.imgToSize(50,'J_Family_IdCard_B_Img')">
                    <input type="button" value="缩小" onclick="$.CommonAdmin.imgToSize(-50,'J_Family_IdCard_B_Img')">
                    <a href="" target="_blank" id="J_Family_B_Href"><img src="" id="J_Family_IdCard_B_Img"
                                                                         style="max-width: 500px;max-height:500px;"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="divColorbox_Footer">
        <button type="button" id="btnUndo"></button>
    </div>
</div>
<script>
    $(function () {
        if (_PageData.flag != 0) {
            $.KOC.Tips.Open("Error", _PageData.flag, {
                Timeout: 1000,
                onClose: function () {
                    parent.$.colorbox.close();
                }
            });
            return;
        }
        //////////////////////////////////////////////////////////
        //数据绑定
        //////////////////////////////////////////////////////////
        $('#J_Family_A_Href').attr('href', _VirtualPath.Utils + "service/img/user/idcard-a/" + _PageData.User_ID + ".jpg");
        $('#J_Family_B_Href').attr('href', _VirtualPath.Utils + "service/img/user/idcard-b/" + _PageData.User_ID + ".jpg");
        $('#J_Family_IdCard_A_Img').attr('src', _VirtualPath.Utils + "service/img/user/idcard-a/" + _PageData.User_ID + ".jpg");
        $('#J_Family_IdCard_B_Img').attr('src', _VirtualPath.Utils + "service/img/user/idcard-b/" + _PageData.User_ID + ".jpg");
        $('#User_ID').val(_PageData.User_ID);
        $('#NickName').val(_PageData.NickName);
        $('#Level').val(_PageData.Level.Level);
        $('#Coin').val(_PageData.Coin);
        $('#Beans').val(_PageData.Beans);
        $('#Family_Email').val(_PageData.Family_Email);
        $('#Family_QQ').val(_PageData.Family_QQ);
        $('#Family_Phone').val(_PageData.Family_Phone);


        $('#Family_ID').val(_PageData.Family_ID);
        $('#Family_Name').val(_PageData.Family_Name);
        $('#IDCard').val(_PageData.IDCard);
        $('#Tags').val(_PageData.Tags);
        $('#Account_BankName').val(_PageData.Account_BankName);
        $('#Account_BankFullName').val(_PageData.Account_BankFullName);
        $('#Account_RealName').val(_PageData.Account_RealName);
        $('#Account_CardNo').val(_PageData.Account_CardNo);
        switch (_PageData.Sex) {
            case 1 :
                $("#Sex").val('男');
                break;
            case 2 :
                $("#Sex").val('女');
                break;
            default:
                $('#Sex').val('-');
                break;
        }
    });
</script>